<template>
  <span>
    <a-tooltip v-if="content && content.length > showNum" placement="top" :auto-adjust-overflow="false">
      <div slot="title" style="width:200px;max-height: 200px;overflow: auto">{{ content }}</div>
      <span>{{ content.slice(0, showNum) }}...</span>
    </a-tooltip>
    <span v-else>
      {{ content }}
    </span>
  </span>

</template>

<script>
export default {
  name: 'Index',
  props: {
    content: {
      type: String,
      default: ''
    },
    showNum: {
      type: Number,
      default: 20
    }
  }
}
</script>

<style scoped>

</style>
